*{
	margin: 0;
	padding:0;
}
ul{
	list-style: none;
}
.cf:after{
	content: "";
	display: table;
	clear: both;
}
img {
	vertical-align: middle;
}
/*..........*/
.top{
	width:1200px;
	height:103px;
	margin:25px auto 0;
	
}
.first{
	width:1200px;
	height:43px;	
	position: relative;
}
.left{
	width:620px;
	height:43px;	
	float: left;
}
.left1{
	width:234px;
	height:43px;
	border-right:2px solid #dcdcdc;
	color:#ff5842;
	font:32px "[OpenSans]";
	line-height: 43px;
	letter-spacing: 3px;
	font-style: normal;
	float: left;
}
/*字体问题*/
.left2{
	color:#b8b8b8;
	font:12px "[OpenSans]" ;
	font-style: normal;
	margin: 10px 0 0 20px;
	float: left;
}
.right{
	width:580px;
	height:43px;	
	position: absolute;
	right:0;
}
.search{
	width:312px;
	height:39px;	
	border: :1px solid #dcdcdc;
	color:#dcdcdc;
	font:16px "#[QuicksandLight]";
	text-indent: 13px;
	margin-left: 220px;
}
.bg{
	width:44px;
	height:43px;	
	background: #ff5842 url(../img/icon.search.png) no-repeat ;
	border:0 transparent;
	position: absolute;
	right:0;
}

.second{
	width:1200px;
	height:60px;
}
.nav{
	width:980px;
	height:60px;
	float: left;
	margin-left:-25px ;
}
.nav li{
	width:102px;
	height:60px;
	float: left;	
	margin-right: -12px;
	margin-left: 25px;
}
.nav li a{
	color:#686868;
	font:20px "#[QuicksandLight]";
	line-height: 60px;
	/*text-align: center;*/
	display: block;
	text-decoration: none;
}
.nav li a:hover{
	color:#ffb2ab;	
}
.second-right{
	width:117px;
	height:28px;
	text-decoration: none;
	color:#fff;
	float: right;	
	margin-top: 20px;
}
.second-right a{
	text-decoration: none;
	color:#fff;
	display: block;
	background:  #ff5842;
}
.second-right a:hover{
	background: #a1a1a1;
}
.origin{
	width:63px;
	height:28px;
	font:14px "[OpenSans]";
	color:#fff;
	line-height: 28px;
	text-align: center;
	background: #ff5842;
	float: left;	
	
}
.gray{
	width:52px;
	height:28px;
	font:14px "[OpenSans]";
	color:#fff;
	line-height: 28px;
	text-align: center;
	background: #a1a1a1;
	margin-left: 2px;
	float: left;		
}
/*中间部分 ： 第一行*/
.big-tv{
	height:477px;
	border-top:3px solid #efefef;
	background: #f9f9f9;
	position: relative;
}
.left-j{
	width:42px;
	height:42px;
	background: #eeeeee url(../img/06.left.png) no-repeat;
	position: absolute;
	bottom: 239px;
	left:5px;
}
.right-j{
	width:42px;
	height:42px;
	background: #eeeeee url(../img/07.right.png) no-repeat;
	position: absolute;
	bottom: 239px;
	right:5px;
}
.computer{
	width:1200px;
	height:477px;
	margin: 0 auto;
	background: url(../img/01.tv.png) no-repeat 505px 40px;
}
.c-info{
	width:590px;
	height:477px;
}
.info-1{
	width:590px;
	height:50px;
	font:30px "[OpenSans]";
	color:#ff5842;
	padding-top: 38px;
}
.info-2{
	width:590px;
	height:50px;
	font:22px "[OpenSans]";
	color:#8a8a8a;
	padding-top: 17px;
}
.info-3{
	width:507px;
	height:180px;
	font:14px "[OpenSans]";
	color:#727272;
	padding-top: 17px;
	border-top:1px solid #e2e2e2;
	line-height: 35px;
}
.info-4{
	width:277px;
	height:57px;
	font:24px "[OpenSans]";
	color:#fff;
	background: #ff5842;
	border:0px;
	text-indent: -58px;
}
/*按钮框箭头问题*/
.join{
	height:101px;
	background: #121212;
}
.j-info{
	width:1200px;
	height:101px;
	margin: 0 auto;
}
.info-a{
	width:840px;
	height:68px;
	color:#fff;
	padding-top:30px;
	font:18px "[OpenSans]";
}
.info-a span{
	width:180px;
	height:68px;
	color:#fff;
	background: #1f1f1f;
}
/*黑长条里的背景及差号问题*/
.our{
	width:1200px;
	height:297px;
	margin: 0 auto;
}
.our .tt1{ 
	width:300px;
	height:44px;
	color:#000;
	font:23px "#[QuicksandLight]";
	line-height: 44px;
	text-indent: 42px;
	background: url(../img/02.home.png) no-repeat 2px 6px;
	margin-top: 13px;
}
.three-info{
	width:1200px;
	height:250px;
	margin: 0 auto;
	border-bottom:2px solid #e6e6e6;
}
.task{
	width:380px;
	height:214px;
	float: left;
	margin-top: 15px;
	border-top:4px solid #ff5842;
	background: #f9f9f9;
	margin-right: 30px;
}
.Reminder{
	width:380px;
	height:214px;
	float: right;
	margin-top: 15px;
	border-top:4px solid #ff5842;
	background: #f9f9f9;
}
.one{
	width:380px;
	height:75px;
	font:23px "#[QuicksandLight]";
	color:#424242;
	line-height: 75px;
	text-indent: 10px;
	background:url(../img/03.gou.png) no-repeat 320px 18px;
}
.one1{
	width:380px;
	height:75px;
	font:23px "#[QuicksandLight]";
	color:#424242;
	line-height: 75px;
	text-indent: 10px;
	background:url(../img/04.tvtubiao.png) no-repeat 320px 18px;
}
.one2{
	width:380px;
	height:75px;
	font:23px "#[QuicksandLight]";
	color:#424242;
	line-height: 75px;
	text-indent: 10px;
	background:url(../img/05.zhong.png) no-repeat 320px 18px;
}
.two{
	width:380px;
	height:80px;
	font:15px "#[QuicksandLight]";
	color:#818181;
	line-height: 28px;
	padding-left: 10px;
}
.three{
	width:380px;
	height:70px;
	font:15px "#[QuicksandLight]";
	color:#0fa8ff;
	text-indent: 10px;
	line-height: 70px;
}
/*Store 部分*/
.Store{
	width:1200px;
	height:45px;
	margin: 0 auto;
	margin-top: 10px;
}
.Store-title{
	float: left;
	width:150px;
	height:45px;
	color:#000;
	font:18px "#[QuicksandLight]";
	line-height: 45px;
	text-indent: 42px;
	background: url(../img/27.png) no-repeat 2px 6px;
}
.jiantou{
	width:100px;
	height: 45px;
	float: right;
	margin-right: -8px;
}
.jiantou li{
	width:45px;
	height: 45px;
	float: left;
	line-height: 45px;
	margin:3px 0 0 1px ;
	background: #eeeeee;
	cursor: pointer;
}
/*store 四个小的*/
.four-s{
	width:1200px;
	height: 392px;
	margin: 0 auto;
	margin-top: 10px;
	border-bottom:2px solid #e6e6e6;
}
.one-s{
	width:283px;
	height: 374px;
	border:1px solid #f8f8f8;
	position: relative;
	float: left;
	margin-right: 20px;
}
.one-s img{
	width:285px;
	height: 374px;
	margin-left: -2px;
}
.two-s{
	width:283px;
	height: 374px;
	border:1px solid #f8f8f8;
	position: relative;
	float: right;
}
.two-s img{
	width:285px;
	height: 374px;
	margin-left: -2px;
}
.btm{
	width:285px;
	height: 102px;
	background: #f8f8f8;
	position: absolute;
	bottom:0px;
	margin-left: -2px;
	text-align: center;
	font:15px "#[QuicksandLight]";
	line-height: 32px;
}
.b-info2{
	color:#fd8373;
}
.sub{
	width:106px;
	height: 25px;
	border:0px;
	background: #e6e6e6;
	margin: 0 auto;
	cursor: pointer;
}
.sub:hover{
	background: #ff5842;
	display: block;
}
/*Recent : 部分*/
.recent{
	width:1200px;
	height:42px;
	margin: 0 auto;
	margin-top: 10px;
}
.recent-title{
	float: left;
	width:250px;
	height:42px;
	color:#000;
	font:18px "#[QuicksandLight]";
	line-height: 42px;
	text-indent: 42px;
	background: url(../img/08.tubiao.png) no-repeat 2px 6px;
}
.recent-nar{
	float: right;
	width:409px;
	height:42px;
	margin-top: 10px;
}
.recent-nar li{
	float: left;
	line-height: 26px;
}
.recent-nar li a{
	color:#686868;
	font:15px "#[QuicksandLight]";
	text-decoration: none;
}
.recent-nar li a:hover{
	color:#ff5842;
}
.recent-nar .nar-r1{
	width:105px;
	height:26px;
	border-right:1px solid #e6e6e6;
}
.recent-nar .nar-r{
	width:106px;
	height:26px;
	text-align: center;
	border-right:1px solid #e6e6e6;
}
.recent-nar .nar-r2{
	width:88px;
	height:26px;
	text-indent: 10px;
}
/*Recent 四个小的*/
.four-recent{
	width:1200px;
	height:540px;
	margin: 0 auto;
	margin-top: 10px;
	border-bottom: 2px solid #e6e6e6;
	cursor: pointer;
}
.four-info1{
	width:1200px;
	height:240px;
}
.four-1{
	width:597px;
	height:240px;
	float: left;
	position: relative;
}
.four-2{
	width:597px;
	height:240px;
	float: right;
	position: relative;
}
.four-4{
	width:597px;
	height:240px;
	float: right;
	position: relative;
}
.four-1 img{
	width:597px;
	height:240px;
}
.four-2 img{
	width:597px;
	height:240px;
}
.four-4 img{
	width:597px;
	height:240px;
}
.info-f{
	width:582px;
	height:70px;
	background: #272727;
	position: absolute;
	bottom:0px;
	padding-left: 15px;
}	
.big{
	color:#fff;
	font:20px "#[QuicksandLight]";
	line-height: 20px;
	margin-top: 13px;
}
.small{
	color:#fff;
	font:12px "#[QuicksandLight]";
	margin-top: 5px;
}
.four-info2{
	width:1200px;
	height:240px;
	margin-top: 7px;
}
.four-3{
	width:579px;
	height:240px;
	background: #272727;
	padding-left: 18px;
	float: left;
}
.big1{
	color:#fff;
	font:20px "#[QuicksandLight]";
	line-height: 20px;
	margin-top: 20px;
}
.small1{
	color:#fff;
	font:12px "#[QuicksandLight]";
	margin-top: 5px;
}
.more{
	color:#fff;
	font:12px "#[QuicksandLight]";
	margin-top: 20px;
}
.list{
	width:1200px;
	height:23px;
	background: #efefef;
	margin-top: 11px;
}
.red{
	width:501px;
	height:23px;
	background: #ff5842;
}
/*Recent Posts : 部分*/
.post-title{
	width:1200px;
	height:50px;
	color:#000;
	font:18px "#[QuicksandLight]";
	line-height: 50px;
	text-indent: 45px;
	margin: 0 auto;
	margin-top: 10px;
	background: url(../img/09.tubiao.png) no-repeat 2px 6px;
}
.post-info{
	width:1200px;
	height:189px;
	border-bottom: 2px solid #e6e6e6;
	margin: 0 auto;
}
.p-info1{
	float: left;
	width:44px;
	height:170px;
	margin-right: 10px;
	background: #eeeeee url(../img/06.left.png) no-repeat 0px 61px;
}
.p-info2{
	float: left;
	width:203px;
	height:170px;
	margin-right: 9px;
}
.p-info2 img{
	width:203px;
	height:170px;
}
.p-info3{
	float: left;
	width:880px;
	height:170px;
	margin-right: 9px;
}
.p-info3 .p-show{
	color:#686868;
	font:16px "#[QuicksandLight]";
	line-height: 26px;
}
.p-info3 .p-time{
	color:#9f9f9f;
	font:12px "#[QuicksandLight]";
	line-height: 26px;
}
.p-info3 .p-time span{
	color:#ff6855;
	font:12px "#[QuicksandLight]";
}
.p-info3 .p-info{
	color:#686868;
	font:12px "#[QuicksandLight]";
	line-height: 26px;
	margin: 9px 0 9px 0;
}
.p-info3 .p-sum{
	width:183px;
	height:48px;
	color:#fff;
	font:14px "#[QuicksandLight]";
	background: #ff6855;
	border:0px;
}
.p-info4{
	float: right;
	width:44px;
	height:170px;
	background: #eeeeee url(../img/07.right.png) no-repeat 0px 61px;
}
/*Client Testimonials ： 部分*/
.Client{
	width:1200px;
	height:210px;
	margin: 0 auto;
	margin-top: 10px;
}
.Client-left{
	width:790px;
	height:210px;
	float: left;
}
.Client-title{
	width:790px;
	height:50px;
	color:#000;
	font:18px "#[QuicksandLight]";
	line-height: 50px;
	text-indent: 45px;
	margin: 0 auto;
	margin-top: 10px;
	background: url(../img/10.tubiao.png) no-repeat 2px 6px;
}
.Client-three1{
	width:790px;
	height:96px;
}
.Client-one{
	float: left;
	width:250px;
	height:96px;
	margin-right: 18px;
}
.one-info{
	width:242px;
	height:76px;
	color:#686868;
	font:12px "#[QuicksandLight]";
	line-height: 20px;
	background: #f8f8f8;
	padding-left:10px;
	padding-top: 10px;
	border:1px solid #f2f2f2;
}
.Client-two{
	float: right;
	width:254px;
	height:96px;
}
.two-info{
	width:243px;
	height:76px;
	color:#686868;
	font:12px "#[QuicksandLight]";
	line-height: 20px;
	background: #f8f8f8;
	padding-left:10px;
	padding-top: 10px;
	border:1px solid #f2f2f2;
}
.sanjiao{
	width:0;
	height:0;
	border-width:10px;
	border-style: solid;
	border-color: #f2f2f2 transparent transparent transparent;
	margin-left: 50px;
}
.sanjiao1{
	width:0;
	height:0;
	border-width:10px;
	border-style: solid;
	border-color: #f8f8f8 transparent transparent transparent;
	margin:-21px 0 0 50px;
}
.c-one{
	width:253px;
	height:31px;
	margin-top: 10px;
	margin-right: 16px;
	float: left;
}
.c-one img{
	width:31px;
	height:31px;
	float: left;
}
.c-two{
	width:250px;
	height:31px;
	margin-top: 10px;
	float: right;
}
.c-two img{
	width:31px;
	height:31px;
	float: left;
}
.c-info{
	width:205px;
	height:31px;
	float: left;
	margin-left: 6px;
}
.c-info1{
	color:#000;
	font:12px "#[QuicksandLight]";
}
.c-info2{
	color:#9f9f9f;
	font:12px "#[QuicksandLight]";
}
.Client-right{
	width:390px;
	height:210px;
	float: right;
	background:#57bae8;
	color:#c7edfe;
}
.right-info1{
	font:14px "#[QuicksandLight]";
	text-align: center;
	line-height: 30px;
	margin-top: 90px;
}
.right-info2{
	font:18px "#[QuicksandLight]";
	text-indent: 10px;
}


/*最后部分*/
.last{
	height:263px;
}
.last-top{
	height:210px;
	background: #222f35;
	margin-top: 50px;
}
.top1{
	width:1200px;
	height:263px;
	margin: 15px auto 0;
}
.ul{
	width:340px;
	height:190px;
	margin-right: 180px;
	float: left;
	margin-top: 15px;
}
.dt{
	width:340px;
	height:45px;
	font:18px "#[QuicksandLight]";
	color:#fff;
	line-height: 45px;
	text-indent: 38px;
	background: url(../img/icon.ya.png) no-repeat 2px 6px;
	margin-bottom:16px;
}
.dd{
	width:340px;
	height:20px;
	font:12px "#[QuicksandLight]";
	color:#50656e;
}
.ul1{
	width:130px;
	height:190px;
	float: left;
	margin-left: 80px;
	margin-top: 15px;
}
.dt1{
	width:130px;
	height:45px;
	font:18px "#[QuicksandLight]";
	color:#fff;
	line-height: 45px;
	margin-bottom:16px;
}
.dd1{
	width:130px;
	height:20px;
	font:12px "#[QuicksandLight]";
	color:#50656e;
}
.last-bottom{
	height:52px;
	background: #172125;
}
.bottom1{
	width:1200px;
	height:52px;
	margin: 0 auto;
}
.copy{
	width:245px;
	height:52px;
	font:12px "#[QuicksandLight]";
	color:#50656e;
	line-height: 52px;
	float: left;
}
.logo{
	width:157px;
	height:42px;
	float: right;
	margin-top: 8px;
}
.logo li{
	width:37px;
	height:37px;
	margin-left: 2px;
	float: left;
}

